@import './customize.scss';
@import './card.scss';
@import './table.scss';
@import './form.scss';

body {
  background-color: #f4f5f9;
}
// 滚动条
//横向滚动条隐藏 (除去下拉框的)
body .el-scrollbar__wrap:not(.el-select-dropdown__wrap) {
  overflow-x: hidden;
}

//公共的container模块内容
.global-container {
  box-sizing: border-box;
  padding: 20px;
  min-height: 100%;
  background-color: #fff;
}

//公共的container的列表的card
.container-table-card {
  height: 100%;
  .el-card__body {
    height: calc(100% - 70px);
    display: flex;
    flex-direction: column;
    .el-table {
      flex: 1;
      display: flex;
      flex-direction: column;
      .el-table__body-wrapper {
        flex: 1;
      }
    }
  }
}

//公共的标题
.global-title {
  width: 100%;
  height: 74px;
  line-height: 74px;
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  border-bottom: 1px solid #f2f2f2;
}

//el-main的滚动条
.el-container {
  //一系列滚动条
  .el-main::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 8px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px;
  }
  .el-main::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
    background: #dddddd;
  }
  .el-main::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background: #f6f6f6;
  }
}

// //dock 公共的container模块内容
// .dock-container {
//   box-sizing: border-box;
//   padding: 20px;
//   min-height: 100%;
//   background-color: #fff;
// }
